.tit-new{
  font-size: 30px;
  height: 30px;
  line-height: 30px;
  color: #565a5c;
  text-align: left;
  width: 960px;
  margin: 30px auto 20px;
}
.list-box{ width:975px; overflow: hidden; padding-bottom:30px; }
.list-box a{ width: 310px; height: 280px; background-color: #fff; border-radius: 5px; overflow: hidden; position: relative; float: left; margin-top:15px; margin-right:15px; overflow: hidden; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);}
.list-box a:hover{ box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08); }
.list-box a .types{ height: 19px; line-height: 19px; position: absolute; top:11px;left:15px;color: #fff; }
.list-box a .types i{ float: left; margin-right: 5px; color: #fff; }
.list-box a .img{ overflow: hidden; width: 310px;height: 175px;background-repeat:no-repeat;background-position: center center;background-size:cover; }
.list-box a .img div.img-box{ display: block; width: 310px; height: 175px; background-color: #CACCCD; background-repeat: no-repeat; background-size: cover; }
.list-box a p{ padding: 4px 15px 2px; font-size: 16px; line-height: 26px; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.list-box a .time{ position: absolute; bottom: 15px; left: 0px; color: #CACCCD; }
.list-box a .click{ position: absolute; bottom: 15px; right: 20px; color: #CACCCD; }

@media only screen and (max-width: 960px){
  .list-box{ width: 100%; overflow: hidden; }
  .list-box a .img div.img-box{ width: 136px; height: 97px; }
  .list-box a{ width: 100%; min-width: 320px; height: auto; }
  .list-box a .img{ float: left; margin: 17.5px 10px;margin-left:20px;width: 136px;height: 97px;background-repeat:no-repeat;background-position: center center;background-size:cover;  }
  .list-box a p{ margin-top: 8px; line-height: 28px; height: auto; }
  .list-box a .time { left: 165px; }
  .list-box a .types{ height: 19px; line-height: 19px; position: absolute; top:25px;left:26px;color: #fff; }
  .list-box a .types i{ color: #fff; }
  .add{
    margin: 0 auto 10px!important;
  }
}